<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="author" content="wangbo">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>css选择器</title>
  <style>
    /* 改变页面内,全部的div的样式 */
    div{background-color: red;}
  </style>
</head>
<body>
  <!-- css的作用,美化页面
  css的组成 选择器+声明(属性和值组成,:链接)声明存在多条
  简单来说 css 做了2件事 找对标签(选择器干的),修改样式(声明决定的)
  选择器分类 
  基础选择器(单个选择器),id,类,标签,通配符,
  复合选择器,由基础选择器组合而成
  -->
  <!-- 标签选择器,以html里边的标签的名字,没有<> 作为选择器
  有点:页面所有的同类型的标签都会生效,
  缺点:无法差异化同种标签
  应用,统一的页面的设置或者是默认的设置,a 没有下划线,div字体的大小
  -->
  <div>
    div被改为红色
  </div>
  <div>
    我也被改变了
  </div>

</body>
</html>